<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>京东首页</title>
	<link rel="stylesheet" type="text/css" href="./css/base.css"/>
	<link rel="stylesheet" type="text/css" href="./css/commom.css"/>
	<link rel="stylesheet" type="text/css" href="./css/commomall.css"/>
	<link rel="stylesheet" type="text/css" href="./css/index.css"/>
	<script src="./js/animate.js" type="text/javascript" charset="utf-8"></script>
	<script src="./js/index.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<!-- 头部 start -->
		<div class="header w">
			<a href="javascript:;" class="left">&lt;</a>
			<a href="javascript:;" class="right">&gt;</a>
			<ul class="banner">
				<li><a href="javascript:;"><img src="images/l1.jpg"></a></li>
				<li><a href="javascript:;"><img src="images/l2.jpg"></a></li>
				<li><a href="javascript:;"><img src="images/l3.jpg"></a></li>
				<li><a href="javascript:;"><img src="images/l4.jpg"></a></li>
				<li><a href="javascript:;"><img src="images/l5.jpg"></a></li>
				<li><a href="javascript:;"><img src="images/l6.jpg"></a></li>
				<li><a href="javascript:;"><img src="images/l7.jpg"></a></li>
				<li><a href="javascript:;"><img src="images/l8.jpg"></a></li>
			</ul>
			<div class="search">
				<a href="" class="icon_logo"></a>
				<form class="search_text">
					<span class="icon_search"></span>
					<input type="text" class="text">
				</form>
				<a href="" class="log_in">登录</a>
			</div>
			<ol class="circle">
				<!-- <li class="cuttren"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li> -->
			</ol>
		</div>
	<!-- 头部 end -->
	
	<!-- 主体 start -->
	<div class="main w">
		<!-- 导航栏 start -->
			<div class="nav">
				<ul>
					<li><img src="images/nav0.png" ><span>分类</span></li>
					<li><img src="images/nav1.png" ><span>分类</span></li>
					<li><img src="images/nav2.png" ><span>分类</span></li>
					<li><img src="images/nav3.png" ><span>分类</span></li>
					<li><img src="images/nav4.png" ><span>分类</span></li>
					<li><img src="images/nav5.png" ><span>分类</span></li>
					<li><img src="images/nav6.png" ><span>分类</span></li>
					<li><img src="images/nav7.png" ><span>分类</span></li>
				</ul>
			</div>
		<!-- 导航栏 end -->
		
		<!-- 内容 start -->
		<div class="main">
			<!-- 掌上描述 start; -->
				<div class="up_mov">
					<h3 class="title_mov">
						<span class="time_img"><img src="images/seckill-icon.png" ></span>
						<a href="" class="title">掌上描述</a>
						<span class="times"></span>
						<span class="times"></span>
						<span class="maohao">:</span>
						<span class="times"></span>
						<span class="times"></span>
						<span class="maohao">:</span>
						<span class="times"></span>
						<span class="times"></span>
						<a href="" class="gengduo">更多></a>
					</h3>
					<ul>
						<li>
							<div class="shop_mov"><img src="images/detail01.jpg" ></div>
							<p class="_10">￥10.00</p>
							<p class="_100">￥100.00</p>
							<div class="heng"></div>
						</li>
						<li>
							<div class="shop_mov"><img src="images/detail02.jpg"></div>
							<p class="_10">￥10.00</p>
							<p class="_100">￥100.00</p>
							<div class="heng"></div>
						</li>
						<li>
							<div class="shop_mov"><img src="images/detail01.jpg" ></div>
							<p class="_10">￥10.00</p>
							<p class="_100">￥100.00</p>
							<div class="heng"></div>
						</li>
					</ul>
				</div>
			</div>
			<!-- 掌上描述 end; -->
			
			<!-- 京东超市 start; -->
				<div class="JD_sup">
					<h3 class="title_mov">
						<span class="shu"></span>
						<a href="" class="title" style="color: #333333;">京东超市</a>
					</h3>
					<div class="shoping">
						<div class="l_plone" style="border-right:1px solid #DDD;">
							<img src="images/cp1.jpg" >
						</div>
						<div class="r_shoping">
							<div class="top_shoping">
								<img src="images/cp2.jpg" >
							</div>
							<div class="bottom_shoping">
								<img src="images/cp3.jpg" >
							</div>
						</div>
					</div>
				</div>
			<!-- 京东超市 end; -->
			
			<!-- 京东自营 start; -->
				<div class="JD_sup" style="height: 7.5rem;">
				<h3 class="title_mov">
					<span class="shu"></span>
					<a href="" class="title" style="color: #333333;">京东自营</a>
				</h3>
				<div class="shoping">
					<div class="r_shoping" style="border-right:1px solid #DDD;">
						<div class="top_shoping">
							<img src="images/cp5.jpg" >
						</div>
						<div class="bottom_shoping">
							<img src="images/cp6.jpg" >
						</div>
					</div>
					<div class="l_plone">
						<img src="images/cp4.jpg" >
					</div>
				</div>
			</div>
			<!-- 京东自营 end; -->
			
			<!-- 京东热门 start -->
				<div class="JD_sup">
					<h3 class="title_mov">
						<span class="shu"></span>
						<a href="" class="title" style="color: #333333;">京东超市</a>
					</h3>
					<div class="shoping">
						<div class="l_plone" style="border-right:1px solid #DDD;">
							<img src="images/cp1.jpg" >
						</div>
						<div class="r_shoping">
							<div class="top_shoping">
								<img src="images/cp2.jpg" >
							</div>
							<div class="bottom_shoping">
								<img src="images/cp3.jpg" >
							</div>
						</div>
					</div>
				</div>
			<!-- 京东热门 end -->
		</div>
		<!-- 内容 end -->
		
		<!-- 底部 start -->
		<div class=""></div>
		<!-- 底部 end -->
	</div>
	<!-- 主体 end -->
</body>
</html>